<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="theme_01/css/base.css" type="text/css"/>
<link rel="stylesheet" href="theme_01/css/style.css" type="text/css"/>
</head>
<body>
	<div id="header">
		<div id="logo"></div>
		<div id="header_right">
			<div id="download"></div>
			<div class="search">
				<input value="搜索文件、文件夹"></input>
				<div class="icon-search"></div>
			</div>
			<div id="username">老王卖瓜1937</div>
			<div id="logout"></div>
			<div id="user_pic"></div>
			<div id="accountMenu" class="context-menu">
			     <ul>
				     <li>个人资料</li>
					 <li class="separator"></li>
					 <li>注销</li>
				 </ul>
			</div>
		</div>
	</div>
	<div id="main">
		<div id="nav">
			<div class="nav-first" id="nav_workspace" category="0">工作区</div>
			<div id="treeCt">
				<ul>
					<li>
						<a href="#" fid="1">云协作项目</a>
						<ul>
							<li>
								<a href="#" fid="2">市场调研</a>
								<ul>
									<li>
										<a href="#" fid="3">市场调研</a>
									</li>
									<li>
										<a href="#" fid="4">需求文档</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#" fid="5">需求文档</a>
								<ul>
									<li>
										<a href="#" fid="6">原型图</a>
									</li>
									<li>
										<a href="#" fid="7">需求说明书</a>
									</li>
								</ul>								
							</li>
						</ul>
					</li>
				</ul>
			</div>			
			<div class="nav-first" id="nav_file" category="1">我的文件</div>
			<div class="nav-first" id="nav_share" category="2">共享文件</div>
			<div class="nav-first" id="nav_recycle" category="3">回收站</div>
			<div class="nav-first" id="nav_favorite" category="4">我的最爱</div>
			<div class="nav-first" id="nav_partake" category="5">我的分享</div>
			<div id="storage">
				<span><em>3G</em></span>
				<span>/</span>
				<span>10G</span>
				<div class="storage-bar"><span style="width:30%;"></span></div>
			</div>
		</div>
		<div id="content">
			<div id="crumb">
				<span>首页</span><em></em>
				<span>云协作项目</span><em></em>
				<span class="crumb-current">市场调研</span>
			</div>
			<div id="file_detail">
				<div id="toolbar">
					<div class="toolbar-button">
						<button id="uploadBtn">上传文件</button>
						<button id="addFolderBtn">新建文件夹</button>
						<button id="shareBtn">分享</button>
						<button id="downloadBtn">下载</button>
						<button id="removeBtn">删除</button>
					</div>
					<div class="thumb">
						<span class="thumb-1 thumb-current"></span>
						<span class="thumb-3"></span>
						<button id='detailsBtn'>详细信息</button>
					</div>
				</div>
				<div id="file_list">
					<div class="thead">
						<table>
							<thead>
								<tr>
									<th class="checkbox"><span></span></th>
									<th class="file-name"><span>文件名</span></th>
									<th class="creater"><span>创建人</span></th>
									<th class="create-time"><span>创建时间</span></th>
									<th class="file-size"><span>文件大小</span></th>
									<th class="category"><span>类型</span></th>
									<th class="scrollbar"><span></span></th>
								</tr>
							</thead>
						</table>
					</div>
					<div class="tbody"></div>
				</div>
				<div id="copyright">
					<span>版权所有©2013 上海灵利信息技术有限公司</span>
					<span>沪网文[2011]0682-074增值电信业务经营许可证编号:沪B2-20080012 </span>
					<div class="contact">
						<span class="contact-1">意见反馈</span>
						<span class="contact-2">联系我们</span>
					</div>
				</div>
			</div>
			<div id="file_info"></div>
		</div>
	</div>
	
	<div id="shareWindowTpl" style="display:none;">
	    <div>公开链接：</div>
	    <input type="text" size="60" value="" style="margin-right:10px;"><button>复制</button>
		<div>邮件分享：</div>
	    <input type="text" size="60" value="" style="margin-right:10px;"><button>发送</button>
	</div>
</body>
<!-- template start here -->
<script id="listViewTpl" type="text/x-jsrender">
	<div class="col file-col">
		<div style="float:left;">
		    <span class="checkbox"><span></span></span>
			<img src="{{:smallIcon}}" />
			<a class="file-name">{{:file_name}}</a>
		</div>
		<div class="more-btn">
			<span class="icon-share" title="共享"></span>
			<span class="icon-favorite" title="收藏"></span>
			<span class="icon-delete" title="删除"></span>
		</div>
	</div>
	<div class="col creater-col"><span>{{:create_uname}}</span></div>
	<div class="col time-col"><span>{{:create_date}}</span></div>
	<div class="col size-col"><span>{{:size}}</span></div>
	<div class="col type-col"><span>{{:mime_type}}</span></div>
</script>
<script id="gridViewTpl" type="text/x-jsrender">
<div class="tile-ct">
	<div class="tile-icon"><img src="{{:largeIcon}}" /></div>
	<div class="tile-name">
	    <span class="checkbox"><span></span></span>
	    <span>{{:file_name}}</span>
	</div>
</div>
</script>
<script id="fileDetailTpl" type="text/x-jsrender">
	<img src="{{:largeIcon}}"></img>
	<span class="file_name_big">{{:file_name}}</span>
	<div class="file_info_detail">
		<span>创建人：</span><em>{{:create_uname}}</em>
		<span>创建时间：</span><em>{{:create_date}}</em>
		<span>文件大小：</span><em>{{:size}}</em>
		<span>文件类型：</span><em>{{:mime_type}}</em>
	</div>
	<div class="file_info_button">
		<button>下载</button>
		<button>分享</button>
	</div>
</script>
<!-- template end here -->
<!-- third party lib start here -->
<script src="js/lib/jquery-1.9.1.js"></script>
<script src="js/lib/jsrender.js"></script>
<script src="js/lib/jquery.cookie.js"></script>
<script src="js/lib/jquery.hotkeys.js"></script>
<script src="js/lib/jquery.jstree.js"></script>
<script src="js/lib/swfupload.js"></script>
<script src="js/lib/swfupload.queue.js"></script>
<!-- third party lib end here -->
<script src="js/Setting.js"></script>
<script src="js/Util.js"></script>
<script src="js/ContextMenu.js"></script>
<script src="js/MessageDialog.js"></script>
<script src="js/Window.js"></script>
<script src="js/AbstractView.js"></script>
<script src="js/ListView.js"></script>
<script src="js/GridView.js"></script>
<script src="js/FileList.js"></script>
<script src="js/MockData.js"></script>
<script src="js/SwfUploader.js"></script>
<script src="js/DdUploader.js"></script>
<script src="js/UploadProgressDialog.js"></script>
<script src="js/UploadManager.js"></script>
<script src="js/SessionManager.js"></script>
<script src="js/Workbench.js"></script>
<script src="js/main.js"></script>
</html>